<template>
  <div>
    <template>
      <div slot="header" class="clearfix" style="text-align: center;line-height: 30px">
        <h3>预存款充值记录</h3>
      </div>
      <el-table
          :data="providerAudit"
          border
          style="width: 100%">
        <el-table-column
            prop="rechargeid"
            label="充值编号">
        </el-table-column>
        <el-table-column
            prop="time"
            label="充值日期">
        </el-table-column>
        <el-table-column
            prop="userid"
            label="用户">
        </el-table-column>
        <el-table-column
            prop="money"
            label="充值金额">
        </el-table-column>
      </el-table>

      <div class="block">
        <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="pageNum"
            :page-sizes="[6, 8, 10, 12]"
            :page-size="100"
            layout="total, sizes, prev, pager, next, jumper"
            :total="total">
        </el-pagination>
      </div>
    </template>
  </div>
</template>

<script>
export default {
  name: "FrontRechargeRecord2",
  data(){
    return{
      pageNum: 1,
      pageSize: 6,
      total: '',
      providerAudit:[],
      messageget:''
    }
  },
  mounted() {
    this.init()
  },
  methods:{
    init(){
      let url = '/csc/front-recharge-record2/getAllFrontRechargeRecord2/'+ this.pageNum + "/" + this.pageSize
      this.$axios.get(url).then(r=>{
        console.log(r.data)
        this.providerAudit = r.data.records
        this.total = r.data.total
      })
    },
    handleSizeChange(val) {
      this.pageSize = val
      this.init()
    },
    handleCurrentChange(val) {
      this.pageNum = val
      this.init()
    }
  }
}
</script>

<style scoped>

</style>